<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>HiApp</title>
    <link rel="stylesheet" href="app.css"/>
</head>
<body>
<div class="statusbar-overlay"></div>
<div class="panel-overlay"></div>

<div class="views tabs toolbar-through">
    <div id="homeView" class="view view-main tab active">
        <div class="navbar">
            <div class="navbar-inner">

                <div class="left">
                    <a href="#"  class="refresh-click link">
                        <i class="icon ios7-reload"></i>
                    </a>
                </div>

                <div class="center sliding i18n" data-i18n="app.name">HiApp</div>

                <div class="right">
                    <a href="#" class="open-send-popup link icon-only">
                        <i class="icon ios7-compose-outline"></i>
                    </a>
                </div>

            </div>
        </div>

        <div class="pages navbar-through">
            <div data-page="homeView" class="page no-swipeback">
                <div data-distance="50" class="page-content pull-to-refresh-content infinite-scroll">
                    <div class="pull-to-refresh-layer">
                        <div class="preloader"></div>
                        <div class="pull-to-refresh-arrow"></div>
                    </div>
                    <div class="load-result"></div>
                    <div class="home-timeline">

                    </div>
                </div>
            </div>
        </div>

    </div>

    <div id="contactView" class="view tab">

        <div class="navbar">
            <div class="navbar-inner">
                <div class="center sliding i18n" data-i18n="app.name"></div>
            </div>
        </div>

        <div class="pages navbar-through">
            <div data-page="contactView" class="page contact-page">
                <!-- Search bar -->
                <form class="searchbar">
                    <div class="searchbar-input">
                        <input type="search" class="i18n" data-i18n="[placeholder]global.search">
                        <a href="#" class="searchbar-clear"></a>
                    </div>
                    <a href="#" class="searchbar-cancel i18n" data-i18n="global.cancel"></a>
                </form>

                <!-- Search bar overlay-->
                <div class="searchbar-overlay"></div>

                <div class="page-content">
                    <div class="list-block contacts-list searchbar-found">
                        <div class="list-group">
                            <ul></ul>
                        </div>
                    </div>
                    <div class="content-block searchbar-not-found i18n" data-i18n="index.nothing_found" >
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="settingView" class="view tab">
        <div class="navbar">
            <div class="navbar-inner">
                <div class="center sliding i18n" data-i18n="app.name"></div>
            </div>
        </div>
        <div class="pages navbar-through">
            <div data-page="setting" class="page">
            </div>
        </div>
    </div>

    <!-- toolbar start -->
    <div class="toolbar tabbar tabbar-labels">
        <div class="toolbar-inner">
            <a href="#homeView" class="tab-link active">
                <i class="icon ios7-home-outline"></i>
                <span class="tabbar-label i18n" data-i18n="index.tweet"></span>
            </a>

            <a href="#contactView" class="tab-link">
                <i class="icon ios7-chatbubble-outline"></i>
                <span class="tabbar-label i18n" data-i18n="index.contacts"></span>
            </a>

            <a href="#settingView" class="tab-link">
                <i class="icon ios7-gear-outline">
                    <!-- <span class="badge badge-red">4</span> -->
                </i>
                <span class="tabbar-label i18n" data-i18n="index.setting"></span>
            </a>
        </div>
    </div>
    <!-- toolbar end -->
</div>

<!-- Please ignore the 404 error when you are not running under PhoneGap environment or delete it. -->
<script type="text/javascript" src="cordova.js"></script>

<script src="app.js"></script>

<script src="http://localhost:3000/webpack-dev-server.js"></script>

</body>

</html>